<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
        <style>
            /* p.red {
                color: red;
            } */
            /* 选择所有的a标签, 设置颜⾊为红⾊ */
            /* a {
                color: red;
            } */

            /* 选择所有的div标签, 设置颜⾊为绿⾊ */
            /* div {
                color: green;   
            } */

            /* 选择class为font32的元素, 设置字体⼤⼩为32px */
            /* .font32 {
                font-size: 32px;
            } */

            /* 选择id为submit的元素, 设置颜⾊为红⾊ */
            /* #submit {
                color: red;
            } */

            /* 设置⻚⾯所有元素, 颜⾊为红⾊*/
            /* * {
                color: red;
            } */
            /*只设置 ul标签下的 li标签下的 a标签, 颜⾊为红⾊*/
            ul li a {
                color: blue;
            }
        </style>
</head>

<body>
    <!-- <div class="font32">我是⼀个div, class为font32</div>
    <div class="font32">我是⼀个div, class为font32</div>
    <div><a href="#">我是⼀个div</a></div>
    <ul>
        <li>aaa</li>
        <li>bbb</li>
        <li><a href="#">ccc</a></li>
    </ul>
    <ol>
        <li>1111</li>   
        <li>2222</li>
        <li>3333</li>
    </ol>
    <button id="submit">提交</button> -->
    <!-- <p class="red">hello1</p>
    <p class="green">hello2</p>
    <p class="blue">hello3</p>
    <span class="red">你好</span>
    <div class="green">我是一个div</div>

    <div>
        <ul>
            <li id="aaa">aaa</li>
            <li>bbb</li>
            <li>ccc</li>
        </ul>
        <ol>
            <li>111</li>
            <li>222</li>
            <li>333</li>
        </ol>
    </div> -->
    <!-- <div>我是⼀个div</div>
    <a>我是⼀个a</a> -->
    <!-- <div class="font32">我是⼀个div, class为font32</div> -->
    <!-- <div id="submit">我是⼀个div, id为submit</div> -->
    <!-- <div>我是⼀个div</div>
    <p>我是⼀个p</p> -->
    <ul>
        <li>aaa</li>
        <li>bbb</li>
        <!-- 下一行的a为超链接 -->
        <li><a href="#">ccc</a></li>
        <!-- 下一行的a不为超链接 -->
        <li><a>ddd</a></li>
    </ul>
</body>

</html>